<style>
.spanlevel {
  font-size: 22px;
  font-weight: bold;
  color: black;
  padding: 10px;
}
.spanblod {
  font-weight: bold;
  color: black;
}
.checklevel {
  padding-right: 50px;
  zoom: 1.2;
}
.divtablemain {
  width: 100%;
  color: black;
  max-width: 980px;
}
.tablemain {
  width: 100%;
  border-collapse: collapse;
}
.tablemain td {
  line-height: 40px;
  min-width: 80px;
  height: 50px;
  color: black;
  text-align: center;
  border: 1px solid black;
}
.tdimg {
  width: 240px;
  height: auto;
  cursor: pointer;
}

.table {
  width: 100%;
  border-collapse: collapse;
}
.table td {
  min-width: 80px;
  text-align: center;
  border: 1px solid #e8eaec;
}
.tableleft {
  text-align: left !important;
  padding: 10px;
  line-height: 24px;
}
.padding-10 {
  padding: 10px;
}
.imgmemo {
  width: 100%;
}
.imgperson {
  height: auto;
  width: 160px;
  margin: 5px;
  cursor: pointer;
}
.div-img {
  border: 1px solid #e8eaec;
  margin-right: 10px;
  cursor: pointer;
}
.signimg {
  width: 100px;
  border: 0;
}
</style>
<template>
  <div>
    <Card title="评估报告">
      <a href="#" slot="extra" @click.prevent="PrintReport">打印</a>
      <Row>
        <Center style="color:black">
          <h2>身体能力等级评估报告书</h2>
          <h3>
            The physical ability rating report
            <span
              style="margin-left:10px"
            >评估人：{{assessinfo.sys_CreaterName}}</span>
          </h3>
        </Center>
      </Row>
      <Row>
        <Center>
          <div class="divtablemain">
            <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
              <tr>
                <td style="width: 130px;" rowspan="4">
                  评估对象
                  <br />基本信息
                </td>
                <td>姓名</td>
                <td>{{assessperson.Name}}{{assessperson.IsNew==1?"（新）":""}}</td>
                <td>性别</td>
                <td>{{assessperson.Sex}}</td>
                <td rowspan="4" style="width:180px;">
                   <viewer :images="assessinfo.PersonImg">
                    <img
                    :src="assessinfo.PersonImg"
                    class="imgperson" 
                  />
                  </viewer>
                 
                </td>
              </tr>
              <tr>
                <td>出生日期</td>
                <td>{{assessperson.Birthday}}</td>
                <td>年龄</td>
                <td>{{assessperson.Age}}</td>
              </tr>
              <tr>
                <td>身份证号</td>
                <td colspan="3">{{assessperson.IdCard}}</td>
              </tr>
              <tr>
                <td>住址</td>
                <td colspan="3">{{assessperson.Address}}</td>
              </tr>
              <tr>
                <td>评估情况</td>
                <td colspan="5" class="tableleft">
                  日常生活能力评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.DailyLevel==-1?'':assessinfo.DailyLevel}}</span> 级；精神状态评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.SpiritLevel==-1?'':assessinfo.SpiritLevel}}</span> 级；
                  <br />感知觉与沟通评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.PerLevel==-1?'':assessinfo.PerLevel}}</span> 级；社会参与评定为
                  <span
                    class="spanlevel"
                  >{{assessinfo.SocietyLevel==-1?'':assessinfo.SocietyLevel}}</span> 级；
                </td>
              </tr>
              <tr>
                <td>初步认定结果</td>
                <td colspan="5" class="tableleft">
                  <CheckboxGroup v-model="firstlevel">
                    <Checkbox label="0" onclick="return false" class="checklevel">
                      <span>能力完好</span>
                    </Checkbox>

                    <Checkbox label="1" onclick="return false" class="checklevel">
                      <span>轻度失能</span>
                    </Checkbox>

                    <Checkbox label="2" onclick="return false" class="checklevel">
                      <span>中度失能</span>
                    </Checkbox>

                    <Checkbox label="3" onclick="return false" class="checklevel">
                      <span>重度失能</span>
                    </Checkbox>
                  </CheckboxGroup>
                </td>
              </tr>
              <tr>
                <td>等级变更情况</td>
                <td colspan="5" class="tableleft">
                  <CheckboxGroup v-model="lelelmemo">
                    <Checkbox label="1" onclick="return false" class="checklevel">
                      <span>有认知障碍/痴呆、精神疾病</span>
                    </Checkbox>
                    <br />
                    <Checkbox label="2" onclick="return false" class="checklevel">
                      <span>近30天内发生过2次以上跌倒、噎食、自杀、走失情况</span>
                    </Checkbox>
                    <br />
                    <Checkbox label="3" onclick="return false" class="checklevel">
                      <span>处于昏迷状态，直接评定为失能</span>
                    </Checkbox>
                    <br />
                    <Checkbox label="-1" onclick="return false" class="checklevel">
                      <span>无等级变更情况</span>
                    </Checkbox>
                  </CheckboxGroup>
                </td>
              </tr>
              <tr>
                <td colspan="2">评估现场影像资料</td>
                <td colspan="2">身体情况辅助证明资料</td>
                <td colspan="2">视频录像</td>
              </tr>
              <tr>
                <td colspan="2">
                  <viewer :images="img1">
                    <img :src="img1" class="tdimg" />
                  </viewer>
                </td>
                <td colspan="2" class="tdimg">
                  <viewer :images="img2">
                    <img :src="img2" class="tdimg" />
                  </viewer>
                </td>
                <td colspan="2">
                  <video
                    v-if="assessinfo.PersonVideo"
                    controls
                    :src="assessinfo.PersonVideo"
                    class="video"
                  >您的浏览器不支持播放视频</video>
                </td>
              </tr>
              <tr>
                <td>最终认定结果</td>
                <td colspan="5" class="tableleft">
                  <CheckboxGroup v-model="finallevel">
                    <Checkbox label="0" onclick="return false" class="checklevel">
                      <span>能力完好</span>
                    </Checkbox>

                    <Checkbox label="1" onclick="return false" class="checklevel">
                      <span>轻度失能</span>
                    </Checkbox>

                    <Checkbox label="2" onclick="return false" class="checklevel">
                      <span>中度失能</span>
                    </Checkbox>

                    <Checkbox label="3" onclick="return false" class="checklevel">
                      <span>重度失能</span>
                    </Checkbox>
                  </CheckboxGroup>
                </td>
              </tr>
              <tr>
                <td>备注</td>
                <td colspan="5" class="tableleft">{{assessinfo.Remark}}</td>
              </tr>
            </table>
            <Row type="flex" justify="center" align="middle" class="code-row-bg">
              <Col span="3" class="tableleft">评估员：</Col>
              <Col span="4" class="tableleft">
                <img :src="assessinfo.EmployeeName1" class="signimg" />
              </Col>
              <Col span="4" class="tableleft">
                <img :src="assessinfo.EmployeeName2" class="signimg" />
              </Col>
              <Col span="12">
                <br />临沂市慈济养老服务评估中心
                <br />
                {{assessinfo.BusinessDate }}
              </Col>
            </Row>
            <Row class="tableleft" style="font-size:10px;font-weight:bold">
              本次评估结果最终解释权归本中心所有 ，任何单位及个人未经允许，不得复制本报告！
              <br />附：老年人身体能力等级评估表
            </Row>
          </div>
        </Center>
      </Row>
    </Card>
    <br />

    <Card>
      <Row>
        <Center style="color:black">
          <h3>日常生活活动评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">进食</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyFood==10">10 分，可独立进食（在合理的时间内独立进食准备好的食物）</span>
                <span v-else-if="assessinfo.DailyFood==5">5 分， 需部分帮助（进食过程中需要一定帮助，如协助把持餐具）</span>
                <span v-else-if="assessinfo.DailyFood==0">0 分， 需极大帮助或完全依赖他人，或有留置营养管</span>
                <span v-else>10 分，可独立进食（在合理的时间内独立进食准备好的食物）</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">洗澡</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.DailyShower==5">5 分， 准备好洗澡水后，可自己独立完成洗澡过程</span>
                <span v-else-if="assessinfo.DailyShower==0">0 分， 在洗澡过程中需他人帮助</span>
                <span v-else>5 分， 准备好洗澡水后，可自己独立完成洗澡过程</span>
              </td>
            </tr>

            <tr>
              <td>
                <span class="spanblod">修饰</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.DailyMakeup==5">5 分， 可自己独立完成</span>
                <span v-else-if="assessinfo.DailyMakeup==0">0 分， 需他人帮助</span>
                <span v-else>5 分， 可自己独立完成</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">穿衣</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.DailyDress==10">10 分，可独立完成</span>
                <span v-else-if="assessinfo.DailyDress==5">5 分， 需部分帮助（能自己穿脱，但需他人帮助整理衣物、系扣/鞋带、拉拉链）</span>
                <span v-else-if="assessinfo.DailyDress==0">0 分， 需极大帮助或完全依赖他人</span>
                <span v-else>10 分，可独立完成</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">大便控制</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyRelieve==10">10 分，可控制大便</span>
                <span v-else-if="assessinfo.DailyRelieve==5">5 分， 偶尔失控（每周<1 次），或需要他人提示</span>
                <span v-else-if="assessinfo.DailyRelieve==0">0 分， 完全失控</span>
                <span v-else>10 分，可控制</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">小便控制</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyPee==10">10 分，可控制小便</span>
                <span v-else-if="assessinfo.DailyPee==5">5 分， 偶尔失控（每周<1 次），或需要他人提示</span>
                <span v-else-if="assessinfo.DailyPee==0">0 分， 完全失控</span>
                <span v-else>10 分，可控制</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">如厕</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyToilet==10">10 分，可独立完成</span>
                <span v-else-if="assessinfo.DailyToilet==5">5 分， 需部分帮助（需他人搀扶去厕所、需他人帮忙冲水或整理衣裤等）</span>
                <span v-else-if="assessinfo.DailyToilet==0">0 分， 需极大帮助或完全依赖他人</span>
                <span v-else>10 分，可独立完成</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">床椅转移</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyMoveBed==15">15 分，可独立完成</span>
                <span v-else-if="assessinfo.DailyMoveBed==10">10 分，需部分帮助（需他人搀扶或使用拐杖）</span>
                <span v-else-if="assessinfo.DailyMoveBed==5">5 分， 需极大帮助（较大程度上依赖他人搀扶和帮助）</span>
                <span v-else-if="assessinfo.DailyMoveBed==0">0 分， 完全依赖他人</span>
                <span v-else>15 分，可独立完成</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">平地行走</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.DailyWalk==15">15 分，可独立在平地上行走 45m</span>
                <span
                  v-else-if="assessinfo.DailyWalk==10"
                >10 分，需部分帮助（因肢体残疾、平衡能力差、过度衰弱、视力等问题，在一定程度上需他人地搀扶或使用拐杖、助行器等辅助用具）</span>
                <span
                  v-else-if="assessinfo.DailyWalk==5"
                >5 分， 需极大帮助（因肢体残疾、平衡能力差、过度衰弱、视力等问题，在较大程度上依赖他人搀扶，或坐在轮椅上自行移动）</span>
                <span v-else-if="assessinfo.DailyWalk==0">0 分， 完全依赖他人</span>
                <span v-else>15 分，可独立在平地上行走 45m</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">上下楼梯</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyStairs==10">10 分，可独立上下楼梯（连续上下 10-15 个台阶）</span>
                <span v-else-if="assessinfo.DailyStairs==5">5 分， 需部分帮助（需他人搀扶，或扶着楼梯、使用拐杖等）</span>
                <span v-else-if="assessinfo.DailyStairs==0">0 分， 需极大帮助或完全依赖他人</span>
                <span v-else>10 分，可独立上下楼梯（连续上下 10-15 个台阶）</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">
                  日常生活
                  <br />活动分级
                </span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.DailyLevel==0">0 能力完好：总分 14 分</span>
                <span v-else-if="assessinfo.DailyLevel==1">1 轻度受损：总分 10-13 分</span>
                <span v-else-if="assessinfo.DailyLevel==2">2 中度受损：总分 6-12 分</span>
                <span v-else-if="assessinfo.DailyLevel==3">3 重度受损：总分≤5 分</span>
                <span v-else>0 能力完好：总分 14 分</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
      <br />
      <Row>
        <Center style="color:black">
          <h3>精神状态评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">认知功能</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SpiritCogn==2">2 分，已确诊为认知障碍，如老年痴呆</span>
                <span v-else-if="assessinfo.SpiritCogn==1">1 分，画钟错误（画的圆不闭锁，或指针位置不准确），或只回忆出 0-1 个词</span>
                <span v-else-if="assessinfo.SpiritCogn==0">0 分，画钟正确（画出一个闭锁圆，指针位置准确），且能回忆出 2-3 个词</span>
                <span v-else>0 分，画钟正确（画出一个闭锁圆，指针位置准确），且能回忆出 2-3 个词</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">攻击行为</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SpiritAttack==2">2 分，每周有几次身体攻击行为，或每日有语言攻击行为</span>
                <span v-else-if="assessinfo.SpiritAttack==1">1 分，每月有几次身体攻击行为，或每周有几次语言攻击行为</span>
                <span
                  v-else-if="assessinfo.SpiritAttack==0"
                >0 分，无身体攻击行为（如打/踢/推/咬/抓/摔东西）和语言攻击行为（如骂人、语言威胁、尖叫）</span>
                <span v-else>0 分，无身体攻击行为（如打/踢/推/咬/抓/摔东西）和语言攻击行为（如骂人、语言威胁、尖叫）</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">抑郁症状</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SpiritBlues==2">2 分，有自杀念头或自杀行为</span>
                <span v-else-if="assessinfo.SpiritBlues==1">1 分，情绪低落、不爱说话、不爱梳洗、不爱活动</span>
                <span v-else-if="assessinfo.SpiritBlues==0">0 分，无</span>
                <span v-else>0 分，无</span>
              </td>
            </tr>

            <tr>
              <td>
                <span class="spanblod">
                  精神状态
                  <br />分级
                </span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SpiritLevel==0">0 能力完好：总分为 0 分</span>
                <span v-else-if="assessinfo.SpiritLevel==1">1 轻度受损：总分为 1 分</span>
                <span v-else-if="assessinfo.SpiritLevel==2">2 中度受损：总分 2-3 分</span>
                <span v-else-if="assessinfo.SpiritLevel==3">3 重度受损：总分 4-6 分</span>
                <span v-else>0 能力完好：总分为 0 分</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
      <br />
      <Row>
        <Center style="color:black">
          <h3>感知觉与沟通评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">意识水平</span>
              </td>
              <td class="tableleft">
                <span
                  v-if="assessinfo.PerConsciousness==3"
                >3 分，昏迷，处于浅昏迷时对疼痛刺激有回避和痛苦表情；处于深昏迷时对刺激无反应（若评定为昏迷，直接评定为重度失能，可不进行以下项目的评估）</span>
                <span
                  v-else-if="assessinfo.PerConsciousness==2"
                >2 分，昏睡，一般的外界刺激不能使其觉醒，给予较强烈的刺激时可有短时的意识清醒，醒后可简短回答提问，当刺激减弱后又很快进入睡眠状态</span>
                <span
                  v-else-if="assessinfo.PerConsciousness==1"
                >1 分，嗜睡，表现为睡眠状态过度延长。当呼唤或推动其肢体时可唤醒，并能进行正确的交谈或执行指令，停止刺激后又继续入睡</span>
                <span v-else-if="assessinfo.PerConsciousness==0">0 分，神志清醒，对周围环境警觉</span>
                <span v-else>0 分，神志清醒，对周围环境警觉</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">视力</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.PerVision==4">4 分，没有视力，眼睛不能跟随物体移动</span>
                <span v-else-if="assessinfo.PerVision==3">3 分，辨认物体有困难，但眼睛能跟随物体移动，只能看到光、颜色和形状</span>
                <span v-else-if="assessinfo.PerVision==2">2 分，视力有限，看不清报纸大标题，但能辨认物体</span>
                <span v-else-if="assessinfo.PerVision==1">1 分，能看清楚大字体，但看不清书报上的标准字体</span>
                <span v-else-if="assessinfo.PerVision==0">0 分，能看清书报上的标准字体</span>
                <span v-else>0 分，能看清书报上的标准字体</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">听力</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.PerHearing==4">4 分，完全听不见</span>
                <span v-else-if="assessinfo.PerHearing==3">3 分，讲话者大声说话或说话很慢，才能部分听见</span>
                <span v-else-if="assessinfo.PerHearing==2">2 分，正常交流有些困难，需在安静的环静或大声说话才能听到</span>
                <span v-else-if="assessinfo.PerHearing==1">1 分，在轻声说话或说话距离超过 2 米时听不清</span>
                <span v-else-if="assessinfo.PerHearing==0">0 分，可正常交谈，能听到电视、电话、门铃的声音</span>
                <span v-else>0 分，可正常交谈，能听到电视、电话、门铃的声音</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">沟通交流</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.PerCommunicate==3">3 分，不能表达需要或理解他人的话</span>
                <span v-else-if="assessinfo.PerCommunicate==2">2 分，表达需要或理解有困难，需频繁重复或简化口头表达</span>
                <span v-else-if="assessinfo.PerCommunicate==1">1 分，能够表达自己的需要及理解别人的话，但需要增加时间或给予帮助</span>
                <span v-else-if="assessinfo.PerCommunicate==0">0 分，无困难，能与他人正常沟通和交流</span>
                <span v-else>0 分，无困难，能与他人正常沟通和交流</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">
                  感知觉与沟通
                  <br />分级
                </span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.PerLevel==0">0 能力完好：意识清醒，且视力和听力评为 0 或 1，沟通评为 0</span>
                <span v-else-if="assessinfo.PerLevel==1">1 轻度受损：意识清醒，但视力或听力中至少一项评为 2，或沟通评为 1</span>
                <span
                  v-else-if="assessinfo.PerLevel==2"
                >2 中度受损：意识清醒，但视力或听力中至少一项评为 3，或沟通评为 2；或嗜睡，视力或听力评定为 3 及以下，沟通评定为 2 及以下</span>
                <span
                  v-else-if="assessinfo.PerLevel==3"
                >3 重度受损：意识清醒或嗜睡，但视力或听力中至少一项评为 4，或沟通评为 3；或昏睡/昏迷</span>
                <span v-else>0 能力完好：意识清醒，且视力和听力评为 0 或 1，沟通评为 0</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
      <br />
      <Row>
        <Center style="color:black">
          <h3>社会参与评估表</h3>
        </Center>
      </Row>
      <Center>
        <div class="divtablemain">
          <table border="1" cellspacing="0" cellpadding="0" class="tablemain">
            <tr>
              <td style="width: 130px;">
                <span class="spanblod">生活能力</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietyLiving==4">4 分，个人基本生活事务（如饮食、二便）需要部分帮助或完全依赖他人帮助</span>
                <span v-else-if="assessinfo.SocietyLiving==3">3 分，个人基本生活事务能自理（如饮食、二便），在督促下可洗漱</span>
                <span v-else-if="assessinfo.SocietyLiving==2">2 分，个人生活能自理；只有在他人帮助下才能做些家务，但质量不好</span>
                <span v-else-if="assessinfo.SocietyLiving==1">1 分，除个人生活自理外，能做家务，但欠好，家庭事务安排欠条理</span>
                <span
                  v-else-if="assessinfo.SocietyLiving==0"
                >0 分，除个人生活自理外（如饮食、洗漱、穿戴、二便），能料理家务（如做饭、洗衣）或当家管理事务</span>
                <span v-else>0 分，除个人生活自理外（如饮食、洗漱、穿戴、二便），能料理家务（如做饭、洗衣）或当家管理事务</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">工作能力</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietyWork==4">4 分，对以往的知识或技能全部磨灭</span>
                <span v-else-if="assessinfo.SocietyWork==3">3 分，对熟练工作只有一些片段保留，技能全部遗忘</span>
                <span v-else-if="assessinfo.SocietyWork==2">2 分，原来熟练的脑力工作或体力技巧性工作明显不如以往，部分遗忘</span>
                <span v-else-if="assessinfo.SocietyWork==1">1 分，原来熟练的脑力工作或体力技巧性工作能力有所下降</span>
                <span v-else-if="assessinfo.SocietyWork==0">0 分，原来熟练的脑力工作或体力技巧性工作可照常进行</span>
                <span v-else>0 分，原来熟练的脑力工作或体力技巧性工作可照常进行</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">时间空间定向</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietySpaceTime==4">4 分，无时间观念；不能单独外出</span>
                <span
                  v-else-if="assessinfo.SocietySpaceTime==3"
                >3 分，时间观念很差，年、月、日不清楚，可知上午或下午；只能在左邻右舍间串门，对现住地不知名称和方位</span>
                <span
                  v-else-if="assessinfo.SocietySpaceTime==2"
                >2 分，时间观念较差，年、月、日不清楚，可知上半年或下半年；只能单独在家附近行动，对现住地只知名称，不知道方位</span>
                <span
                  v-else-if="assessinfo.SocietySpaceTime==1"
                >1 分，时间观念有些下降，年、月、日清楚，但有时相差几天；可单独来往于近街，知道现住地的名称和方位，但不知回家路线</span>
                <span
                  v-else-if="assessinfo.SocietySpaceTime==0"
                >0 分，时间观念（年、月、日、时）清楚；可单独出远门，能很快掌握新环境的方位</span>
                <span v-else>0 分，时间观念（年、月、日、时）清楚；可单独出远门，能很快掌握新环境的方位</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">人物定向</span>
              </td>

              <td class="tableleft">
                <span v-if="assessinfo.SocietyPerson==4">4 分，只认识保护人，不辨熟人和生人</span>
                <span v-else-if="assessinfo.SocietyPerson==3">3 分，只认识常同住的亲人，可称呼子女或孙子女，可辨熟人和生人</span>
                <span v-else-if="assessinfo.SocietyPerson==2">2 分，只能称呼家中人，或只能照样称呼，不知其关系，不辨辈分</span>
                <span v-else-if="assessinfo.SocietyPerson==1">1 分，只知家中亲密近亲的关系，不会分辨陌生人的大致年龄，不能称呼陌生人</span>
                <span
                  v-else-if="assessinfo.SocietyPerson==0"
                >0 分，知道周围人们的关系，知道祖孙、叔伯、姑姨、侄子侄女等称谓的意义；可分辨陌生人的大致年龄和身份，可用适当称呼</span>
                <span v-else>0 分，知道周围人们的关系，知道祖孙、叔伯、姑姨、侄子侄女等称谓的意义；可分辨陌生人的大致年龄和身份，可用适当称呼</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">社会交往能力</span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SocietySkill==4">4 分，难以与人接触</span>
                <span v-else-if="assessinfo.SocietySkill==3">3 分，勉强可与人交往，谈吐内容不清楚，表情不恰当</span>
                <span v-else-if="assessinfo.SocietySkill==2">2 分，脱离社会，可被动接触，不会主动待人，谈话中很多不适词句，容易上当受骗</span>
                <span v-else-if="assessinfo.SocietySkill==1">1 分，能适应单纯环境，主动接触人，初见面时难让人发现智力问题，不能理解隐喻语</span>
                <span v-else-if="assessinfo.SocietySkill==0">0 分，参与社会，在社会环境有一定的适应能力，待人接物恰当</span>
                <span v-else>0 分，参与社会，在社会环境有一定的适应能力，待人接物恰当</span>
              </td>
            </tr>
            <tr>
              <td>
                <span class="spanblod">
                  社会参与
                  <br />分级
                </span>
              </td>
              <td class="tableleft">
                <span v-if="assessinfo.SocietyLevel==0">0 能力完好：总分 0-2 分</span>
                <span v-else-if="assessinfo.SocietyLevel==1">1 轻度受损：总分 3-7 分</span>
                <span v-else-if="assessinfo.SocietyLevel==2">2 中度受损：总分 8-13 分</span>
                <span v-else-if="assessinfo.SocietyLevel==3">3 重度受损：总分 14-20 分</span>
                <span v-else>0 能力完好：总分 0-2 分</span>
              </td>
            </tr>
          </table>
        </div>
      </Center>
    </Card>

    <Modal :mask-closable="false" v-model="modal2" title="查看图片" footer-hide>
      <div>
        <img :src="tmpimg" style="width:100%" />
      </div>
    </Modal>
    <iframe id="iframe-print" frameborder="0" style="display:none" scrolling="auto" :src="printSrc"></iframe>
  </div>
</template>
<script>
import "viewerjs/dist/viewer.css";
import Viewer from "v-viewer/src/component.vue";
import { printUrl } from "@/libs/util";
import { Modal } from "view-design";
import { GetAssessInfoByPersonId } from "@/api/data";
import dayjs from "dayjs";
export default {
  name: "standard_assess_info",
  data() {
    return {
      printSrc: printUrl + "printlistreport2.html",
      modal2: false,
      tmpimg: "",
      firstlevel: [],
      lelelmemo: [],
      finallevel: [],
      assessperson: {},
      assessinfo: {},
      img1: "",
      img2: "",
    };
  },
  props: {
    id: {
      type: String,
      required: true,
    },
  },
  components: {
    Viewer,
  },
  methods: {
    getinfo() {
      GetAssessInfoByPersonId(this.id).then((res) => {
        const data = res.data;
        if (data.Type == 1) {
          this.assessperson = data.Data;

          if (this.assessperson.AssessInfo != null) {
            this.firstlevel = [this.assessperson.AssessInfo.FirstLevel + ""];
            this.finallevel = [this.assessperson.AssessInfo.FinalLevel + ""];
            this.lelelmemo = [this.assessperson.AssessInfo.LevelMemo + ""];
            this.assessinfo = this.assessperson.AssessInfo;
            try {
              this.assessinfo.BusinessDate = dayjs(
                this.assessinfo.BusinessDate
              ).format("YYYY年MM月DD日");

              this.assessperson.Birthday = dayjs(
                this.assessperson.Birthday
              ).format("YYYY年MM月DD日");
            } catch (ex) {}
            try {
              this.img1 = this.assessinfo.Imgs[0];
              this.img2 = this.assessinfo.Imgs[1];
            } catch (ex) {}
          }
        } else {
          this.$Modal.error({ title: "提示", content: data.Message });
        }
      });
    },
    bigimg(item) {
      this.tmpimg = item;
      this.modal2 = true;
    },
    PrintReport() {
      document
        .getElementById("iframe-print")
        .contentWindow.LoadData([this.assessperson]);
      document.getElementById("iframe-print").contentWindow.printData();
    },
  },
  created() {},
  mounted() {
    const oIframe = document.getElementById("iframe");
    this.getinfo();
  },
};
</script>
